<template>
  <ul class="listBottom12">
    <li  v-for="(item,name) in info">
      <div
        class="infoDataTitle listBottom12"
      >
        <div class="hd">{{name}}【{{ typeName(item)}}】</div>
        <div class="bd">
          <template v-if="Array.isArray(item)">
            <div class="listBottom8">
              <div v-for="i in item">
                {{i}}
              </div>
            </div>
          </template>
          <template v-else>
            {{item}}
          </template>
        </div>
      </div>
    </li>
  </ul>
</template>
<script>
export default {
  name: "InfoItem",
  props: {
    info:{

    },
    backNum:{
      type:Number,
      default: () => {
        return 0;
      },
    },
  }, // 获取父组件数据
  components: {

  },
  created() {

  },
  data() {
    return {

    };
  },
  methods: {
    typeName(val){
      let typeName=typeof val
      if (typeof val==='object'){
        if (Array.isArray(val)){
          typeName='array'
        }
      }
      return typeName
    }
  },
  computed: {

  }
};
</script>
<style  lang="scss" scoped>
.infoDataTitle{
  .hd{
    font-size: 12px;
    font-weight: bold;
    margin-bottom:12px;
  }
}
</style>
